/* 
	Blue Dream
	Written by Teylor Feliz  http://www.admixweb.com
*/

/* 
	main
*/
table	{
/*font: 9pt "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;*/
font: 11pt "Bitstream Vera Sans";
border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0; color:#000;
}

a 					{color:black;border:none;text-decoration: none;}
a:hover 			       {border: none;} 
a.aadd:hover 			       {border:none;text-decoration:none; color:black;}
a.selected
{
	text-decoration:none;
	background-color: #fbfba6;
	color: #000;
	border:none;
}

thead th,
thead td			{font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}

tfoot th,
tfoot td			{text-align: left; border-top: 0.4em solid #09f; font-weight: bold}

th,
td 				{padding: 0.25em;}

/*
table{
		border-left: dotted 1px lightgray;
		border-right: dotted 1px lightgray;
		border-bottom: dotted 1px lightgray;
}*/
table th{
		border-top: dotted 1px lightgray;
}

img.actionImg {cursor:pointer;border:0;heigh:35px;width:35px;}
	
tbody th,
td				{text-align: left; vertical-align: top;}
tbody th			{font-weight: normal; white-space: nowrap;}

tbody th a:link,
tbody th a:visited 	{font-weight: bold;}

tbody th + td		{white-space: nowrap;}

tbody td,tbody th	{border: 1px solid #fff; border-width: 1px 0;}
tbody td.frstColl   {background: #cccccc;color: #333; cursor: pointer;}
tbody td.grpSeparator {text-align:center; background:#999 ; color: black;font-weight: bold; horizontal-align:middle;vertical-align:center;}

tbody tr.oddo th,
tbody tr.oddo td 	{border-color: #deded8; background: #f9f9fb;}

tbody tr td			{border-bottom: dotted 1px lightgray;background: #fbfbf8;}
tbody tr td a		{color:black; border: none;}
tbody tr.header td	{background: #deded8;font-size:9px;font-weight:bold;} 
/*tbody tr.odd td		{border-bottom: dotted 1px lightgray;background:#FFFFCC;}	
tbody tr.even td    {border-bottom: dotted 1px lightgray;background:#FFFFAA;}*/

tbody tr.odd td		{background:#FFFFCC;}	
tbody tr.even td    {background:#FFFFAA;}

tbody tr td.num		{text-align:right;border-right:1px dotted lightgray;}
/*
table.mainList tbody tr:hover td,
tbody.mainList tr:hover th 	{background: #666; color:white;}
*/
caption 			{
		border-top: dotted 1px lightgray;
		border-left: dotted 1px lightgray;
		border-right: dotted 1px lightgray;
		font-weight: bold; 
		font-size: 1.7em; 
		text-align: left; 
		margin: 0; 
		padding: 0.5em 0.25em;
		background: #666666;
		color: white;}

/* the div that holds the date picker calendar */
/* the table (within the div) that holds the date picker calendar */
table.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border : 0px;
	color: #505050;
	background-color: #ece9d8;}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

.dpDayHighlightTR {
	background-color: #CCCCCC;
	font-weight: bold;
	color: black;
	border: 1px solid #AAAAAA;
	text-align: left;
	}

	
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.bodyCheck {
	font-family: Arial, Verdana;
	font-size: 9pt;
	color:#000;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 120%;
	overflow: auto;
}

DIV.page
{
    padding-top: 12px;
    padding-left: 10px;
    color: #000;

}
DIV.warning-message{

	font-size:14px;
	font-weight:bold;
	background-color:red;
	color:yellow;
}

DIV.pageSubTitle 
{
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 13pt;
    font-weight: bold;
    color: #159;
}

/*
styly ku kalendaru
*/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border : 0px;
	color: #505050;
	background-color: #ece9d8;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

.dpDayHighlightTR {
	background-color: #CCCCCC;
	font-weight: bold;
	color: black;
	border: 1px solid #AAAAAA;
	text-align: left;
	}

	
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.bodyCheck {
	font-family: Arial, Verdana;
	font-size: 9pt;
	color:#000;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 120%;
	overflow: auto;
}
/*
other styles
*/
.errorTitle		{ font-family: arial; font-size: small; color: #ff0000; font-weight: bold; padding: 8px; }
.errorBrief		{ font-family: arial; font-size: x-small; color: #898989; padding: 8px; }
.errorNote		{ font-family: arial; font-size: x-small; color: #898989; padding: 8px; width: 400px;}
.staron{position:absolute;left:0;top:0}
.staroff{position:absolute;left:-15px;top:0}
.zipsizer{width:12px;height:12px;position:relative;overflow:hidden}
.zipplus{position:absolute;left:-30px;top:0}
.zipmin{position:absolute;left:-42px;top:0}
.grpSeparator .pushPin {width:32px;height:32px;cursor:pointer;border:0;float:right !important;}
.pinned {background: transparent url("../pic/pin_red.png") no-repeat top left;}
.unpinned {background: transparent url("../pic/pin_black.png") no-repeat top left;}
.newRecord {width:32px;height:32px;float:right;background: url("../pic/add.png") no-repeat top left;cursor:pointer;top:0px;}
.newGroup { font-family:Verdana;	font-size: 12px;}
.newGroup #cmbGroup { width:180px; }
.grpName { text-decoration:none !important;float:left}
